body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
td {
    margin : 0;
    padding: 0
}

a {
    text-decoration: none
}

em,
i {
    font-style: normal;
}

strong,
b {
    font-weight: 100;
}

li {
    list-style: none
}

img {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing : 0
}

.indent {
    text-indent: 2em;
}



.ellipsis {
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.clear::after {
    content   : ".";
    display   : block;
    clear     : both;
    height    : 0;
    overflow  : hidden;
    visibility: hidden;
}

header {
    height          : 1.33333333333rem;
    background-color: #ff841d;
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    text-align      : center;

    h4 {
        font-size    : .53333rem;
        font-weight  : bolder;
        color        : #fff;
        display      : inline-block;
        text-align   : center;
        font-family  : inherit;
        margin-top   : .26666rem;
        margin-bottom: .26666rem;
    }

    a {
        margin-top: .1333rem;
        text-align: center;
        font-size : .6333rem;
        color     : #ffffff;
    }

    div {
        a {
            img {
                height: 1rem;
                width : 1rem;
            }
        }
    }
}

section{
    ul{ 
        overflow: hidden;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        li{
            box-sizing: border-box;
            width: 50%;
            height: 300px;
            border: 1px solid #cccccc;
            
            a{
                
                .img{
                    
                    height: 3.73333333rem;
                    width: 3.73333333rem;
                    text-align: center;
                    margin: 0 auto;
                    img{
                        margin-top: 1.333333rem;
                        height: 3.73333333rem;
                        width: 3.73333333rem;
                    }
                }
                .title{
                    font-size:  .426666666rem ;
                    color: black;
                    margin-bottom: 5px;
                    margin-top: 5px;
                    padding-left: 5px;
                    overflow:hidden;
                    text-overflow:ellipsis;
                    display:-webkit-box;
                    -webkit-box-orient:vertical;
                    -webkit-line-clamp:2;

                }   
                .price{
                    color: #ff9000;
                    margin: 0 0 .3rem;
                    font-size: .426666666rem;
                    padding-left: 5px;
                }
                .from{
                    font-size: .346666666rem;
                    // margin: 0 0 .4rem;
                    color: #9d9d9d;
                    padding-left: 5px;
                }
            }
        }
    }
}


footer{

.login {
    .container {
        display        : flex;
        justify-content: space-between;
        text-align     : center;

        div {
            width      : 3.30666666rem;
            border     : 1px solid #cccccc;
            height     : .88rem;
            line-height: .88rem;
            text-align : center;
            font-size  : .37333333rem;
            color      : #666;

        }

        .col-xs-4 {
            border-left : none;
            border-right: none;
        }
    }

}

.content_b {
    padding: 0.2rem;

    p {
        font-size    : .34666666rem;
        line-height  : .48rem;
        color        : #666;
        text-align   : center;
        margin-bottom: .3rem;

        a {
            color: #666;
        }
    }
}
}